            h1 {
                color: white;
                position: absolute;
                right: 800px;
                top: 100px;
                z-index: 2;
            }
            
            h2 {
                position: absolute;
                right: 900px;
                top: 200px;
                z-index: 4;
            }
            
            body {
                background-color: #7A9E62;
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: center;
                background-size: 1200px
            }
            
            a {
                color: #000;
                font-size: 60px;
                text-decoration: none;
            }
            
            a:hover {
                color: #7A9E62
            }
            
            .one {
                width: 1050px;
                height: 850px;
                background-color: #7A9E62;
                position: relative;
                right: -800px;
                bottom: 760px;
            }
            
            .first {
                width: 1050px;
                height: 750px;
                position: absolute;
                right: 400px;
                bottom: 200px;
            }
            
            .milktea {
                width: 150px;
                height: 220px;
                position: absolute;
                left: -400px;
                top: 145px;
                z-index: 2;
            }
            
            .milktea:hover {
                transform: scale(1.4);
            }
            
            .cat {
                width: 200px;
                height: 220px;
                position: absolute;
                left: -170px;
                top: 145px;
                z-index: 2;
            }
            
            .cat:hover {
                transform: scale(1.4);
            }
            
            .board {
                width: 200px;
                height: 220px;
                position: absolute;
                left: 110px;
                top: 145px;
                z-index: 2;
            }
            
            .board:hover {
                transform: scale(1.4);
            }
            
            .two {
                width: 1050px;
                height: 850px;
                background-color: #7A9E62;
                position: relative;
                right: -800px;
                bottom: 760px;
            }
            
            .circleone {
                width: 320px;
                height: 400px;
                background-color: aliceblue;
                border-radius: 60px;
                text-align: center;
                line-height: 100px;
                text-decoration: none;
                box-shadow: 25px 25px 30px;
                color: #4e6141;
                position: absolute;
                left: -400px;
                z-index: 4;
                animation: circleonemove 3s ease infinite alternate;
            }
            
            @keyframes circleonemove {
                0% {
                    transition: translate(200px, 0);
                }
                100% {
                    transform: translate(-200px, 100px);
                }
            }
            
            .circletwo {
                width: 320px;
                height: 400px;
                background-color: aliceblue;
                border-radius: 60px;
                margin-top: 120px;
                text-align: center;
                line-height: 100px;
                box-shadow: 25px 25px 30px;
                color: #4e6141;
                position: absolute;
                top: 180px;
                left: 100px;
                z-index: 2;
                animation: circletwomove 3s ease infinite alternate;
            }
            
            @keyframes circletwomove {
                0% {
                    transition: translate(500px, 0);
                }
                100% {
                    transform: translate(300px, -200px);
                }
            }
            
            .circlethree {
                width: 400px;
                height: 400px;
                background-color: aliceblue;
                border-radius: 400px;
                text-align: center;
                line-height: 400px;
                position: absolute;
                bottom: -500px;
                right: 870px;
            }
            
            .mulu {
                font-size: 40px;
                color: #7A9E62;
                position: absolute;
                bottom: -30px;
                left: 109px;
            }
            
            .three {
                width: 1050px;
                height: 850px;
                background-color: #7A9E62;
                position: relative;
                right: -800px;
                bottom: 760px;
            }
            
            .wodezihua {
                width: 500px;
                height: 500px;
                position: absolute;
                left: -600px;
                box-shadow: 25px 25px 20px;
                color: #576b49;
            }
            
            .me {
                width: 450px;
                height: 90px;
                background-color: rgb(230, 207, 79);
                position: absolute;
                left: -800px;
                top: -200px;
            }
            
            .aboutme {
                font-size: 30px;
                color: rgb(255, 255, 255);
                text-align: center;
                line-height: 45px;
            }
            
            .ziwojieshao {
                font-size: 35px;
                color: aliceblue;
            }
            
            .yellow {
                width: 780px;
                height: 70px;
                background-color: rgb(230, 207, 79);
                position: absolute;
            }
            
            .heziwenzi {
                font-size: 35px;
                color: aliceblue;
                text-align: center;
                line-height: 70px;
                position: absolute;
                top: -33px;
            }
            
            .weibo {
                font-size: 35px;
                color: aliceblue;
                position: absolute;
                bottom: 20px;
            }
            
            .four {
                width: 1050px;
                height: 3750px;
                background-color: #7A9E62;
                position: relative;
                right: -800px;
                bottom: 760px;
            }
            
            .myworks {
                width: 450px;
                height: 90px;
                background-color: rgb(230, 207, 79);
                position: absolute;
                left: -800px;
                top: 100px;
            }
            
            .mw {
                font-size: 30px;
                color: rgb(255, 255, 255);
                text-align: center;
                line-height: 45px;
            }
            
            .AOD {
                font-size: 30px;
                color: rgb(255, 255, 255);
                position: absolute;
                left: 80px;
                top: 207px;
            }
            
            .aodone {
                width: 200px;
                height: 400px;
                position: absolute;
                top: 400px;
                left: -140px;
            }
            
            .aodone:hover {
                transform: scale(2)
            }
            
            .aodtwo {
                width: 200px;
                height: 400px;
                position: absolute;
                top: 400px;
                left: 200px;
            }
            
            .aodtwo:hover {
                transform: scale(2)
            }
            
            .hand {
                font-size: 30px;
                color: rgb(255, 255, 255);
                position: absolute;
                left: 80px;
                top: 1000px;
            }
            
            .handone {
                width: 400px;
                height: 500px;
                box-shadow: 25px 25px 20px;
                color: #576b49;
                position: absolute;
                top: 1200px;
                left: -450px;
                z-index: 5;
            }
            
            .handone:hover {
                transform: scale(2)
            }
            
            .handtwo {
                width: 400px;
                height: 500px;
                box-shadow: 25px 25px 20px;
                color: #576b49;
                position: absolute;
                top: 1200px;
                left: 400px;
            }
            
            .handtwo:hover {
                transform: scale(2)
            }
            
            .handthree {
                width: 500px;
                height: 500px;
                box-shadow: 30px 30px 25px;
                color: #576b49;
                position: absolute;
                top: 2000px;
                left: -480px;
            }
            
            .handthree:hover {
                transform: scale(2)
            }
            
            .handfour {
                width: 500px;
                height: 500px;
                box-shadow: 30px 30px 25px;
                color: #576b49;
                position: absolute;
                top: 2000px;
                left: 400px;
                z-index: 4;
            }
            
            .handfour:hover {
                transform: scale(2)
            }
            
            .banhui {
                font-size: 30px;
                color: rgb(255, 255, 255);
                position: absolute;
                left: 80px;
                top: 2607px;
                ;
            }
            
            .boardone {
                width: 500px;
                height: 500px;
                box-shadow: 30px 30px 25px;
                color: #576b49;
                margin-right: 700px;
                position: absolute;
                top: 2800px;
                left: -510px;
                z-index: 3;
            }
            
            .boardone:hover {
                transform: scale(2)
            }
            
            .boardtwo {
                width: 500px;
                height: 500px;
                box-shadow: 30px 30px 25px;
                color: #576b49;
                position: absolute;
                top: 2800px;
                left: 400px;
                z-index: 3;
            }
            
            .boardtwo:hover {
                transform: scale(2)
            }
            
            .banshi {
                font-size: 30px;
                color: rgb(255, 255, 255);
                position: absolute;
                left: 80px;
                top: 3507px;
            }
            
            .taylor {
                width: 800px;
                height: 500px;
                box-shadow: 30px 30px 25px;
                color: #576b49;
                position: absolute;
                top: 3700px;
                left: -250px;
                z-index: 5;
            }
            
            .taylor:hover {
                transform: scale(2)
            }
            
            .end {
                font-size: 30px;
                color: rgb(255, 255, 255);
                position: absolute;
                left: 50px;
                top: 4307px;
            }
            
            .footer {
                width: 2300px;
                height: 30px;
                background-color: #bdd8ac;
                text-align: center;
            }
            
            .bottom {
                position: absolute;
                left: 700px;
            }